<!-- 精华问答组件 -->
<template>
  <div class="s3f974129">
    <!-- 用户头像 -->
    <div class="s1ada1931">
      <div class="s-1c89ddc8">
        <img
          alt=""
          title=""
          src="https://image.hongbeibang.com/FqCaP4h266sZCF0dk5EOMSKkdm6X?640X640&amp;imageView2/1/w/80/h/80"
          class="s33fa2c34"
          style="background: none; width: 38px; height: 38px"
        />
      </div>
    </div>
    <!-- 用户昵称 -->
    <div class="s7ff11e8">
      <!-- 标签 -->
      <div class="s20b01980">
        <img alt="" title="" src="https://image.hongbeibang.com/Fj1UT_HuSX4MkdcukYhWRpioEyWx?200X200&amp;imageView2/1/w/80/h/80" class="s-34f4f4a1" />
      </div>
      <!-- 昵称 -->
      <div class="s40f553a6">高高的美食天地</div>
    </div>
    <!-- 评论 -->
    <a class="s4d160f27 s-10c3e034" href="/answer/13466655">
      <!-- 提问 -->
      <div class="s6770689d">烤的时候有蓬松起来，但是出了烤箱又缩回去了，是为什么</div>
      <!-- 回答 -->
      <div class="s1e896763">面粉是不是搅拌过度？</div>
    </a>
    <!-- 点赞数 -->
    <div class="s-5ef2df7a">249个赞</div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.s3f974129 {
  position: relative;
  overflow: hidden;
  zoom: 1;
  background-color: #ffffff;
  border-bottom: 1px solid;
  border-bottom-color: #e7e2e5;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 10px 0;
}
//用户头像
.s1ada1931 {
  float: left;
  width: 40px;
  height: 40px;
  padding: 0;
  margin-right: 10px;
}
.s-1c89ddc8 {
  width: 100%;
  height: 100%;
  font-size: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.s33fa2c34 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid;
  border-color: #e7e2e5;
}
//用户昵称
.s7ff11e8 {
  overflow: hidden;
  height: 40px;
  margin-right: 0;
}
//标签
.s20b01980 {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 5px;
  font-size: 0;
}
.s-34f4f4a1 {
  width: 100%;
  overflow: hidden;
}
//昵称
.s40f553a6 {
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  color: #4a4945;
  overflow: hidden;
  text-overflow: ellipsis;
  -otext-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  white-space: nowrap;
}
//评论
.s4d160f27 {
  display: block;
  text-decoration: none;
}
.s-10c3e034 {
  display: block;
  margin: 10px auto;
  padding: 0;
  overflow: hidden;
  position: relative;
}
//提问
.s6770689d {
  font-size: 18px;
  font-weight: bold;
  color: #4a4945;
  line-height: 25px;
  max-height: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: box;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
}
// 回答
.s1e896763 {
  font-size: 14px;
  color: #4a4945;
  line-height: 20px;
  margin: 5px 0 0 0;
  max-height: 60px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: box;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
}
//点赞数
.s-5ef2df7a {
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  box-sizing: border-box;
}
</style>